<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link
      rel="apple-touch-icon"
      sizes="76x76"
      href="./assets/img/favicon.ico"
    />
    <link rel="icon" type="image/png" href="./assets/img/favicon.ico" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>Anchor Bootstrap 4.1.3 UI Kit by WowThemesNet</title>
    <meta
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no"
      name="viewport"
    />

    <!-- Google Font -->
    <link
      href="https://fonts.googleapis.com/css?family=Nunito:300,300i,400,600,800"
      rel="stylesheet"
    />

    <!-- Font Awesome Icons -->
    <link
      rel="stylesheet"
      href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"
      integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU"
      crossorigin="anonymous"
    />

    <!-- Main CSS -->
    <link href="./assets/css/main.css" rel="stylesheet" />

    <!-- Animation CSS -->
    <link href="./assets/css/vendor/aos.css" rel="stylesheet" />
  </head>

  <body>
    <!----------------------------------------------------------------------
NAVBAR (remove topnav if you don't want changed nav background on scroll)
------------------------------------------------------------------------>
    <nav class="topnav navbar navbar-expand-lg navbar-dark fixed-top">
      <div class="container-fluid">
        <a class="navbar-brand">
          <!-- <i class="fas fa-anchor mr-2"></i> -->
          <img
            src="./assets//img/logo.png"
            class="mr-2"
            style="width: 50px; height: 39px"
          />
          <strong>WaysOn</strong>
        </a>
        <button
          class="navbar-toggler collapsed"
          type="button"
          data-toggle="collapse"
          data-target="#navbarColor02"
          aria-controls="navbarColor02"
          aria-expanded="false"
          aria-label="Toggle navigation"
        >
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="navbar-collapse collapse" id="navbarColor02">
          <ul class="navbar-nav mr-auto d-flex align-items-center">
            <li class="nav-item">
              <a class="nav-link" href="./index.html">在线贷款</a>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link" href="./index.html">我的订单</a>
              <!-- <a
                class="nav-link dropdown-toggle"
                href="#"
                id="navbarDropdown"
                role="button"
                data-toggle="dropdown"
                aria-haspopup="true"
                aria-expanded="false"
              >
                我的订单
              </a>
              <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                <a class="dropdown-item" href="./landing.html">Home Landing</a>
                <a class="dropdown-item" href="./login.html">User Login</a>
                <a class="dropdown-item" href="./blog.html">Blog Index</a>
                <a class="dropdown-item" href="./page.html">Sample Page</a>
              </div> -->
            </li>
            <li class="nav-item">
              <a class="nav-link" href="./docs.html">帮助</a>
            </li>
          </ul>
          <ul class="navbar-nav ml-auto d-flex align-items-center">
            <li class="nav-item">客服电话：829892849</li>
            <li class="nav-item">
              <span class="nav-link" href="#">
                <a
                  class="btn btn-black btn-round shadow-sm"
                  href="#"
                  data-toggle="modal"
                  data-target="#modal_newsletter"
                >
                  登录/注册
                </a>
              </span>
            </li>
          </ul>
        </div>
      </div>
    </nav>
    <!-- End Navbar -->

    <!-------------------------------------
HEADER
--------------------------------------->
    <header>
      <div class="container">
        <div
          style="background-color: #F2F3F5;"
          class="jumbotron jumbotron-lg jumbotron-fluid mb-0 pb-3 bg-header position-relative"
        >
          <div class="container-fluid text-white h-100">
            <div
              class="d-lg-flex align-items-center justify-content-between text-center"
            >
              <div class="col pt-4 pb-4">
                <h5 class="display-3">
                  <strong>快速贷款</strong>
                </h5>
                <h5 class="font-weight-light mt-5 mb-3 text-left">
                  <div class="clearfix text-black">
                    <span class="float-left"><strong>金额</strong></span>
                    <span class="float-right"><strong>400</strong></span>
                  </div>
                </h5>
                <div class="progress">
                  <div class="progress-bar bg-orange" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
                </div>
                <h5 class="font-weight-light mt-3 mb-6 text-left">
                  <div class="clearfix text-gray text-xs">
                    <span class="float-left">20欧元</span>
                    <span class="float-right">40欧元</span>
                  </div>
                </h5>
                <h5 class="font-weight-light mb-3 text-left">
                  <div class="clearfix text-black">
                    <span class="float-left">期限</span>
                    <span class="float-right">400</span>
                  </div>
                </h5>
                <div class="progress">
                  <div class="progress-bar bg-orange" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
                </div>
                <h5 class="font-weight-light mt-3 mb-6 text-left">
                  <div class="clearfix text-gray text-xs">
                    <span class="float-left">5天</span>
                    <span class="float-right">30天</span>
                  </div>
                </h5>
              </div>
              <div class="col-md-6">
                <div
                  style="
                    padding: 2.3rem 4.2rem;
                    margin: 2rem;
                    background: linear-gradient(to bottom, #FA5142, #FF7422);
                    border-radius: 36px;
                  "
                  class="text-left"
                >
                  <h6 class="mt-5">
                    贷款金额：400欧元
                  </h6>
                  <h6 class="mt-4">贷款天数：20天</h6>
                  <h6 class="mt-4">利息：01%/日</h6>
                  <h6 class="mt-4">服务费：24%</h6>
                  <h6 class="mt-4">还款日期：2024年3月15日</h6>
                  <h6 class="mt-4">还款金额：400欧元</h6>

                  <div class="text-center mt-3">
                    <button type="button" class="btn btn-white" style="width: 100%; padding: 14px 30px 8px; margin-top: 4rem;">
                      <img src="./assets/img/07.png" style="width: 38px; height: 38px; margin-top: -6px;">
                      <h6 style="display: inline-block; font-size: 1.1rem; color: #FF6F28; margin-left: 10px; ">立即申请</h6>
                    </button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </header>
    <!--- END HEADER -->

    <main class="container">
      <!--------------------------------------
PRICING
--------------------------------------->
      <div style="height: 200px"></div>
      <section class="pt-4 pb-5" data-aos="fade-up">
        <h1 class="font-weight-light">
          <strong>在「 平台名称 」借款我们最专业</strong>
        </h1>
        <div
          class="card-deck card-pricing text-center"
          style="margin-top: 10rem"
        >
          <div class="card border-0" style="background-color: transparent">
            <img src="./assets/img/01.png" style="padding-top: 20px" />
            <!-- <div class="card-header border-0 pt-4 pb-4">
              <h1 class="my-0 font-weight-normal mb-3">01</h1>
            </div>
            <div class="card-body">
              <ul class="list-unstyled mt-3 mb-4">
                <li>10 users included</li>
                <li>2 GB of storage</li>
                <li>Email support</li>
                <li>Help center access</li>
              </ul>
              <button type="button" class="btn btn-info">
                Sign up for free
              </button>
            </div> -->
          </div>
          <div
            class="card border-0"
            style="margin-top: -5rem; background-color: transparent"
          >
            <img src="./assets/img/02.png" />
            <!-- <div class="card-header bg-primary border-0 pt-4 pb-4">
              <h3 class="my-0 font-weight-normal text-white mb-3">Premium</h3>
              <h4 class="card-title pricing-card-title text-white">
                $15 <small>/ mo</small>
              </h4>
            </div>
            <div class="card-body">
              <ul class="list-unstyled mt-3 mb-4">
                <li>20 users included</li>
                <li>10 GB of storage</li>
                <li>Priority email support</li>
                <li>Help center access</li>
              </ul>
              <button type="button" class="btn btn-primary">Start Free</button>
            </div> -->
          </div>
          <div class="card border-0" style="background-color: transparent">
            <img src="./assets/img/03.png" />
            <!-- <div class="card-header bg-info border-0 pt-4 pb-4">
              <h3 class="my-0 font-weight-normal mb-3">Enterprise</h3>
              <h4 class="card-title pricing-card-title">
                $29 <small class="text-muted">/ mo</small>
              </h4>
            </div>
            <div class="card-body">
              <ul class="list-unstyled mt-3 mb-4">
                <li>30 users included</li>
                <li>15 GB of storage</li>
                <li>Phone and email support</li>
                <li>Help center access</li>
              </ul>
              <button type="button" class="btn btn-info">Contact us</button>
            </div> -->
          </div>
        </div>
      </section>
      <section class="pt-4 pb-5" data-aos="fade-up">
        <h1 class="font-weight-light text-center">
          <strong>高达十万用户在享受 我们的服务</strong>
        </h1>
        <div class="row justify-content-between mt-5">
          <div class="col-md-7" style="padding-right: 6rem">
            <div class="spec-row clearfix">
              <div class="float-left h3">高效快捷</div>
              <img
                class="float-right"
                src="./assets/img/arrow.png"
                style="width: 66px; height: 66px; margin-top: -1.3rem"
              />
            </div>
            <div class="spec-row clearfix">
              <div class="float-left h3">快速到账</div>
              <img
                class="float-right"
                src="./assets/img/arrow.png"
                style="width: 66px; height: 66px; margin-top: -1.3rem"
              />
            </div>
            <div class="spec-row clearfix">
              <div class="float-left h3">金额高达1000欧</div>
              <img
                class="float-right"
                src="./assets/img/arrow.png"
                style="width: 66px; height: 66px; margin-top: -1.3rem"
              />
            </div>
          </div>
          <div class="col-md-5">
            <div
              style="
                padding: 4.4rem 3rem;
                background-color: #fff;
                border-radius: 36px;
              "
            >
              <h3>专业服务</h3>
              <h6 class="mt-5">
                完善的用户积分成长体系，每一次申请都是您的信用积累
              </h6>
              <h6 class="mt-4">每一次的金额都是新的高度</h6>
              <h6 class="mt-4">最高可达1000欧</h6>
              <div class="text-right mt-3">
                <img
                  style="width: 179px; height: 165px"
                  src="./assets/img/04.png"
                />
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="pt-4 pb-5" data-aos="fade-up">
        <h1 class="font-weight-light">
          <strong>在线申请流程更加简便</strong>
        </h1>
        <div class="row justify-content-between mt-5">
          <div class="col-md-7" style="padding-right: 6rem">
            <img src="./assets/img/05.png" style="transform: scale(1.5)" />
            <img
              src="./assets/img/06.png"
              style="
                position: absolute;
                top: 0;
                right: 0;
                width: 43px;
                height: 46px;
              "
            />
            <img
              src="./assets/img/06.png"
              style="
                position: absolute;
                bottom: 10%;
                left: 50%;
                width: 22px;
                height: 23px;
              "
            />
          </div>
          <div class="col-md-5">
            <div style="padding: 4.4rem 3rem">
              <h3>申请流程</h3>
              <div class="mt-5 clearfix" style="position: relative">
                <img
                  src="./assets/img/circle.png"
                  class="float-left"
                  style="
                    width: 36px;
                    height: 36px;
                    margin-top: -6px;
                    margin-right: 10px;
                  "
                />
                <h5 class="float-left">01-在线注册/登录</h5>
                <div
                  style="
                    position: absolute;
                    bottom: -2.6rem;
                    left: 18px;
                    width: 1px;
                    height: 2.6rem;
                    border-left: 1px dashed #fa563c;
                  "
                ></div>
              </div>
              <div class="mt-5 clearfix" style="position: relative">
                <img
                  src="./assets/img/circle.png"
                  class="float-left"
                  style="
                    width: 36px;
                    height: 36px;
                    margin-top: -6px;
                    margin-right: 10px;
                  "
                />
                <h5 class="float-left">02-填写信息</h5>
                <div
                  style="
                    position: absolute;
                    bottom: -2.6rem;
                    left: 18px;
                    width: 1px;
                    height: 2.6rem;
                    border-left: 1px dashed #fa563c;
                  "
                ></div>
              </div>
              <div class="mt-5 clearfix" style="position: relative">
                <img
                  src="./assets/img/circle.png"
                  class="float-left"
                  style="
                    width: 36px;
                    height: 36px;
                    margin-top: -6px;
                    margin-right: 10px;
                  "
                />
                <h5 class="float-left">03-选择金额</h5>
                <div
                  style="
                    position: absolute;
                    bottom: -2.6rem;
                    left: 18px;
                    width: 1px;
                    height: 2.6rem;
                    border-left: 1px dashed #fa563c;
                  "
                ></div>
              </div>
              <div class="mt-5 clearfix">
                <img
                  src="./assets/img/circle.png"
                  class="float-left"
                  style="
                    width: 36px;
                    height: 36px;
                    margin-top: -6px;
                    margin-right: 10px;
                  "
                />
                <h5 class="float-left">04-给你转账</h5>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!--------------------------------------
TABLE
--------------------------------------->
      <section class="pt-4 pb-5" data-aos="fade-up">
        <h3 class="h5 mb-4 font-weight-bold">我的订单</h3>
        <table class="table">
          <thead class="thead-light">
            <tr>
              <th scope="col">#</th>
              <th scope="col">订单编号</th>
              <th scope="col">订单状态</th>
              <th scope="col">申请金额</th>
              <th scope="col">申请期限（天）</th>
              <th scope="col">服务费</th>
              <th scope="col">到账金额</th>
              <th scope="col">利息</th>
              <th scope="col">逾期天数</th>
              <th scope="col">罚息</th>
              <th scope="col">操作</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <th scope="row">1</th>
              <td>Mark</td>
              <td>Otto</td>
              <td>@mdo</td>
              <td>Mark</td>
              <td>Otto</td>
              <td>@mdo</td>
              <td>Mark</td>
              <td>Otto</td>
              <td>@mdo</td>
              <td>立即还款</td>
            </tr>
            <tr>
              <th scope="row">1</th>
              <td>Mark</td>
              <td>Otto</td>
              <td>@mdo</td>
              <td>Mark</td>
              <td>Otto</td>
              <td>@mdo</td>
              <td>Mark</td>
              <td>Otto</td>
              <td>@mdo</td>
              <td>立即还款</td>
            </tr>
            <tr>
              <th scope="row">1</th>
              <td>Mark</td>
              <td>Otto</td>
              <td>@mdo</td>
              <td>Mark</td>
              <td>Otto</td>
              <td>@mdo</td>
              <td>Mark</td>
              <td>Otto</td>
              <td>@mdo</td>
              <td>立即还款</td>
            </tr>
          </tbody>
        </table>

        <nav aria-label="Page navigation example">
          <ul class="pagination">
            <li class="page-item">
              <a class="page-link" href="#"
                ><i class="fas fa-angle-left"></i
              ></a>
            </li>
            <li class="page-item"><a class="page-link" href="#">1</a></li>
            <li class="page-item active">
              <a class="page-link" href="#">2</a>
            </li>
            <li class="page-item"><a class="page-link" href="#">3</a></li>
            <li class="page-item"><a class="page-link" href="#">4</a></li>
            <li class="page-item"><a class="page-link" href="#">5</a></li>
            <li class="page-item"><a class="page-link" href="#">6</a></li>
            <li class="page-item">
              <a class="page-link" href="#"
                ><i class="fas fa-angle-right"></i
              ></a>
            </li>
          </ul>
        </nav>
      </section>

      <!--------------------------------------
FORMS
--------------------------------------->
      <section class="pt-5 pb-5" data-aos="fade-up">
        <h3 class="h5 mb-4 font-weight-bold">Forms</h3>
        <h4 class="mb-4 h5">Inline Form</h4>
        <form>
          <div class="row">
            <div class="col">
              <input
                type="text"
                class="form-control input-round"
                placeholder="First name"
              />
            </div>
            <div class="col">
              <input
                type="text"
                class="form-control input-round"
                placeholder="Last name"
              />
            </div>
            <div class="col">
              <button type="submit" class="btn btn-primary btn-round">
                Subscribe
              </button>
            </div>
          </div>
        </form>
        <div class="row justify-content-between mt-5">
          <img src="./assets/img/help_bg.png" class="mb-5" />
          <div class="col-md-8">
            <form>
              <div class="row form-group">
                <div class="col clearfix">
                  <div class="form-label float-left">姓名</div>
                  <input
                    type="text"
                    class="form-control form-value float-right"
                    placeholder=""
                  />
                </div>
              </div>
              <div class="row form-group">
                <div class="col clearfix">
                  <div class="form-label float-left">电话</div>
                  <input
                    type="text"
                    class="form-control form-value float-right"
                    placeholder=""
                  />
                </div>
              </div>
              <div class="row form-group">
                <div class="col clearfix">
                  <div class="form-label float-left">内容</div>
                  <textarea
                    class="form-control form-value"
                    id="exampleFormControlTextarea1"
                    rows="6"
                  ></textarea>
                </div>
              </div>
            </form>
          </div>
          <div class="col-md-4">
            <!-- <h4 class="mb-4 h5">Sign Up</h4> -->
            <form>
              <div class="form-group clearfix">
                <div class="form-label float-left">邮箱</div>
                <input
                  type="email"
                  class="form-control form-value"
                  id="exampleInputEmail1"
                  aria-describedby="emailHelp"
                  placeholder=""
                  required=""
                />
                <!-- <small id="emailHelp" class="form-text text-muted"
                  >We'll never share your email with anyone else.</small
                > -->
              </div>
              <!-- <div class="form-group">
                <input
                  type="password"
                  class="form-control"
                  id="exampleInputPassword1"
                  placeholder="Password"
                  required=""
                />
              </div>
              <div class="form-group form-check">
                <input
                  type="checkbox"
                  class="form-check-input"
                  id="exampleCheck1"
                />
                <label class="form-check-label" for="exampleCheck1"
                  >Check me out</label
                >
              </div>
              <button type="submit" class="btn btn-success btn-round">
                Sign in
              </button> -->
            </form>
          </div>
          <legend class="text-center mt-5">
            <button type="submit" class="btn btn-orange">提交</button>
          </legend>
        </div>
      </section>
      <!--------------------------------------
DEMO EXAMPLES
--------------------------------------->
      <div class="row justify-content-center mb-5 pb-3">
        <div class="col-md-8">
          <div class="text-center pt-5 mt-5 mb-5">
            <h1 class="font-weight-light h3">
              <strong>我们可爱的客户们的评价</strong>
            </h1>
          </div>
          <div class="row mt-5">
            <div class="col-md-4">
              <div class="card shadow-sm border-0">
                <div class="card-body">
                  <h5 class="card-title">用户：张三</h5>
                  <p class="card-text text-muted">
                    非常好的服务，让我快速得到我想要的
                  </p>
                  <div class="star-box clearfix">
                    <img
                      style="width: 16px; height: 16px"
                      src="./assets/img/star.png"
                      class="float-left"
                    />
                    <img
                      style="width: 16px; height: 16px"
                      src="./assets/img/star.png"
                      class="float-left"
                    />
                    <img
                      style="width: 16px; height: 16px"
                      src="./assets/img/star.png"
                      class="float-left"
                    />
                    <img
                      style="width: 16px; height: 16px"
                      src="./assets/img/star.png"
                      class="float-left"
                    />
                    <img
                      style="width: 16px; height: 16px"
                      src="./assets/img/star.png"
                      class="float-left"
                    />
                    <span style="" class="float-left ml-sm-3">5星</span>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="card shadow-sm border-0">
                <div class="card-body">
                  <h5 class="card-title">用户：张三</h5>
                  <p class="card-text text-muted">
                    非常好的服务，让我快速得到我想要的
                  </p>
                  <div class="star-box clearfix">
                    <img
                      style="width: 16px; height: 16px"
                      src="./assets/img/star.png"
                      class="float-left"
                    />
                    <img
                      style="width: 16px; height: 16px"
                      src="./assets/img/star.png"
                      class="float-left"
                    />
                    <img
                      style="width: 16px; height: 16px"
                      src="./assets/img/star.png"
                      class="float-left"
                    />
                    <img
                      style="width: 16px; height: 16px"
                      src="./assets/img/star.png"
                      class="float-left"
                    />
                    <img
                      style="width: 16px; height: 16px"
                      src="./assets/img/star.png"
                      class="float-left"
                    />
                    <span style="" class="float-left ml-sm-3">5星</span>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="card shadow-sm border-0">
                <div class="card-body">
                  <h5 class="card-title">用户：张三</h5>
                  <p class="card-text text-muted">
                    非常好的服务，让我快速得到我想要的
                  </p>
                  <div class="star-box clearfix">
                    <img
                      style="width: 16px; height: 16px"
                      src="./assets/img/star.png"
                      class="float-left"
                    />
                    <img
                      style="width: 16px; height: 16px"
                      src="./assets/img/star.png"
                      class="float-left"
                    />
                    <img
                      style="width: 16px; height: 16px"
                      src="./assets/img/star.png"
                      class="float-left"
                    />
                    <img
                      style="width: 16px; height: 16px"
                      src="./assets/img/star.png"
                      class="float-left"
                    />
                    <img
                      style="width: 16px; height: 16px"
                      src="./assets/img/star.png"
                      class="float-left"
                    />
                    <span style="" class="float-left ml-sm-3">5星</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!--------------------------------------
END
--------------------------------------->
    </main>

    <!--------------------------------------
FOOTER
--------------------------------------->

    <footer class="bg-black pt-5 pb-5">
      <div class="container">
        <div class="row">
          <div class="col-6 col-md">
            <h5 class="mb-4 text-white">产品名称</h5>
            <ul class="list-unstyled text-small">
              <li><a class="text-muted" href="#">产品</a></li>
              <li><a class="text-muted" href="#">功能</a></li>
              <!-- <li><a class="text-muted" href="#">Team feature</a></li>
              <li><a class="text-muted" href="#">Stuff for developers</a></li> -->
            </ul>
          </div>
          <div class="col-6 col-md">
            <h5 class="mb-4 text-white">&nbsp;</h5>
            <ul class="list-unstyled text-small">
              <li><a class="text-muted" href="#">定价</a></li>
              <li><a class="text-muted" href="#">资源</a></li>
              <!-- <li><a class="text-muted" href="#">Another resource</a></li>
              <li><a class="text-muted" href="#">Final resource</a></li> -->
            </ul>
          </div>
          <div class="col-12 col-md mr-4">
            <!-- <i class="fas fa-copyright text-white"></i>
            <small class="d-block mt-3 text-muted"
              >©
              <script>
                document.write(new Date().getFullYear());
              </script>
              Anchor Bootstrap UI Kit, by Sal
              <a target="_blank" href="https://www.wowthemes.net"
                >@wowthemesnet</a
              >. License MIT.
            </small> -->
          </div>
          <div class="col-12 col-md">
            <h5 class="mb-4 text-white">&nbsp;</h5>
            <ul class="list-unstyled text-small">
              <li>
                <a class="text-muted" href="#">
                  <img
                    src="./assets/img/phone.png"
                    style="width: 20px; height: 20px"
                  />
                  xxxxxxx
                </a>
              </li>
              <li>
                <a class="text-muted" href="#">
                  <img
                    src="./assets/img/email.png"
                    style="width: 20px; height: 20px"
                  />
                  xxxxxxx
                </a>
              </li>
              <!-- <li><a class="text-muted" href="#">Privacy</a></li>
              <li><a class="text-muted" href="#">Terms</a></li> -->
            </ul>
          </div>
        </div>
      </div>
    </footer>

    <!--------------------------------------
JAVASCRIPTS
--------------------------------------->
    <script
      src="./assets/js/vendor/jquery.min.js"
      type="text/javascript"
    ></script>
    <script
      src="./assets/js/vendor/popper.min.js"
      type="text/javascript"
    ></script>
    <script
      src="./assets/js/vendor/bootstrap.min.js"
      type="text/javascript"
    ></script>
    <script src="./assets/js/vendor/share.js" type="text/javascript"></script>
    <script src="./assets/js/functions.js" type="text/javascript"></script>

    <!-- Animation -->
    <script src="./assets/js/vendor/aos.js" type="text/javascript"></script>
    <noscript>
      <style>
        *[data-aos] {
          display: block !important;
          opacity: 1 !important;
          visibility: visible !important;
        }
      </style>
    </noscript>
    <script>
      AOS.init({
        duration: 700,
      });
    </script>

    <!-- Disable animation on less than 1200px, change value if you like -->
    <script>
      AOS.init({
        disable: function () {
          var maxWidth = 1200;
          return window.innerWidth < maxWidth;
        },
      });
    </script>

    <!-- Carousel Height Smooth -->
    <script>
      $(".carousel").on("slide.bs.carousel", function (event) {
        var height = $(event.relatedTarget).height();
        var $innerCarousel = $(event.target).find(".carousel-inner");
        $innerCarousel.animate({
          height: height,
        });
      });
    </script>

    <!-- Popovers -->
    <script>
      $(function () {
        $('[data-toggle="popover"]').popover();
      });
      $(".popover-dismiss").popover({
        trigger: "focus",
      });
    </script>

    <!-- Tooltips -->
    <script>
      $(function () {
        $('[data-toggle="tooltip"]').tooltip();
      });
    </script>
  </body>
</html>
